﻿<style type="text/css">
#login_pane {
    position: relative;
    left: 50%;
    top: 50%;
    width: 480px;
    height: 360px;
    margin-top: -180px;
    margin-left: -240px;
}
#left_pane {
    float: left;
    width: 160px;
    height: 100%;
    padding: 10px;
}
#center_line {
    float: left;
    width: 10px;
    height: 100%;
    margin-left: 10px;
    border-left: 1px solid #779977;
}
#right_pane {
    float: right;
    height: 100%;
    width: 300px;
    padding: 10px;
    overflow: auto;
}
#login_pane .user_bar {
    width: 240px;
    height: 80px;
    margin: 8px 0px;
    background: url(imgs/ub-gray.png);
    border: 1px solid #EEEEEE;
}
#login_pane .user_icon {
    float: left;
    margin-top: 8px;
    margin-left: 8px;
    width: 64;
    height: 64;
    border: 0px;
}
#login_pane .user_info {
    float: left;
    margin-left: 16px;
}
#login_pane .user_name {
    margin-top: 12px;
}
#login_pane .user_pass {
    margin-top: 8px;
    display: none;
}
#login_pane .user_pass input {
    width: 120px;
    border: 0;
    height: 20px;
    background-color: #FFFFFF;
    filter: Alpha(opacity=64);
}
#login_pane .title {
    margin-bottom: 32px;
    text-align: right;
    color: #339933;
}
#login_pane .title div {
    font-size: 18px;
}
#login_pane #info {
    color: #FFFFFF;
    text-indent: 2em;
}
#login_pane .btn_bar {
    margin-top: 32px;
    text-align: right;
}
#login_pane #add_user {
    text-align: center;
    width: 79px;
    height: 24px;
    cursor: pointer;
    background: url(imgs/button01.png);
}
</style>
<div id="login_pane"
    msg_logfail="登录失败！请检查密码是否正确！">
    <div id="left_pane"><table height="100%" align="right"><tr><td valign="middle">
        <div class="title"><div>WebAutoLogin</div><div>用户登录</div></div>
        <div id="info">AutoLogin使用DES算法对用户数据进行加密，只要不泄露登录密码，您的数据就是安全的。
            请牢记自己的登录密码并保护其安全。</div>
        <div class="btn_bar"><span id="add_user" class="button">添加新用户</span></div>
    </td></tr></table></div>
    <div id="center_line"></div>
    <div id="right_pane"><table height="100%"><tr><td valign="middle">
    </td></tr></table></div>
</div>
